//
// Page
// --------------------------------------------------

.pagination-outer {
  margin-bottom: 40px;
  line-height: $pagination-item-size;
  @include flexbox;
  @include flex-direction(column);
  @include justify-content(center);
}

.pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  
  @include flexbox;
  @include justify-content(center);

  > li {
    float: left;
    display: block;

    + li {
      margin-left: 5px;
    }
  }

  .active > .pagination__item {
    color: $pagination-item-bg;
    background-color: $pagination-item-color;
  }
}

.pagination__item {
  display: block;
  width: $pagination-item-size;
  height: $pagination-item-size;
  border-radius: $pagination-item-border-radius;
  text-align: center;
  line-height: $pagination-item-size;
  color: $pagination-item-color;
  background-color: $pagination-item-bg;
}

.pagination__counter {
  color: $pagination-item-color;
  text-align: center;
}